<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息</title>
    <link rel="stylesheet" href="/Public/css/gxxjkefu-normalize.css">
    <link rel="stylesheet" href="/Public/css/model.css">
    <link rel="stylesheet" href="/Public/css/bootstrap.min.css">
    <link rel="stylesheet" href="/Public/css/style.css">
    <link rel="stylesheet" href="/Public/css/zoomify.min.css">
    <style>
        .notice_info {
            padding: 30px 0 3%;
            color: #979797;
            float: left;
            width: 100%;
            background: #ffffff;
        }

        .input_info input {
            padding: 5px 10px;
            width: 40%;
        }

        .urgency_ul li {
            color: #333333;
            margin-bottom: 10px;
        }

        .clearfloat:after {
            display: block;
            clear: both;
            content: "";
            visibility: hidden;
            height: 0
        }

        .clearfloat {
            background: white;
            zoom: 1
        }

        .pageJump input {
            width: 45px;
            height: 25px;
        }

        .btn_div {
            border-radius: 5px;
            display: inline-block;
        }

        .btn_div input {
            border-radius: 5px;
        }

        .common_btn {
            border-radius: 5px;
            float: left;
            height: 30px;
            border: solid 1px #ececec;
            color: #5d5e60;
            background: none;
        }

        .info_ul {
            width: 80%;
            margin: 0 auto;
        }

        .info_ul li {
            border-radius: 10px;
            border-top: solid 1px #abdde6;
            border-bottom: solid 1px #abdde6;
            margin-bottom: 10px;
            padding: 15px 25px;
        }

        .info_ul .li_btn{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .info_ul li:hover {
            background: #bde0e6;
            color: white;
        }

        .info_ul li .content_span {
            float: right;
        }
        .modal_ul{
            margin-bottom: 20px;
        }
        .modal_ul li{
            clear: both;
            padding: 10px 25px;
            color: black;
        }
        .modal_ul li div{
            display: inline-block;
            width: 80px;
        }
        .modal_ul li input{
            width: 70%;
            background: #efefef;
            border: 1px #cccccc solid;
            padding: 5px 10px;
            color: black;
        }
        .modal_ul li:hover{
            background: #abdde6;
            color: black;
        }
        .modal_ul .li_btn2{
            display: flex;
            justify-content: left;
            align-items: center;
        }
        img{
            height: 40px;
        }
        .pic_row{
            margin: 3px;
        }
    </style>
</head>

<body>
<div class="scrollbar" id="style-1" style="overflow:scroll;overflow-x:hidden;margin: 0;width: 100%">
    <div id="main_C" style="width: 99%;">

        <div class="clearfloat">
            <div class="title_info">
                <span>用户基本信息</span>
            </div>
            <div style="display: flex;align-items: center">
                <div class="title_div" style="width: 18%"><p>人脸照片</p></div>
                <div class="row" style="display: inline-block">
                    <div class="example col-xs-1 col-md-1">
                        <p><img src="<{$user_pic.photo}>" class="img-rounded" width="100%" height="100%" /></p>
                    </div>
                    <div class="example col-xs-1 col-md-1">
                        <p><img src="<{$user_pic.photo1}>" class="img-rounded" width="100%" height="100%" /></p>
                    </div>
                    <div class="example col-xs-1 col-md-1">
                        <p><img src="<{$user_pic.photo2}>" class="img-rounded" width="100%" height="100%" /></p>
                    </div>
                </div>
            </div>
            <div class="white_bgColor notice_info" id="myModal">
                <ul class="info_ul">
                    <if condition="$user.user_status eq 3">
                        <li>
                            <span>黑用户</span>
                            <span class="content_span"><{$user.black_reason}></span>
                        </li>
                    </if>

                    <li>
                        <span>当前额度</span>
                        <span class="content_span"><{$user.quota}></span>
                    </li>
                    <li>
                        <span>可借余额</span>
                        <span class="content_span"><{$user.money}></span>
                    </li>
                    <li>
                        <span>钱包余额</span>
                        <span class="content_span"><{$user.balance}></span>
                    </li>
                    <li>
                        <span>冻结金额</span>
                        <span class="content_span"><{$user.freeze_balance}></span>
                    </li>
                    <li>
                        <span>身份证号</span>
                        <span class="content_span"><{$user.id_card}></span>
                    </li>
                    <li>
                        <span>身份证归属地</span>
                        <span class="content_span"><{$user.province}><{$user.city}></span>
                    </li>
                    <li>
                        <span>居住地址</span>
                        <span class="content_span"><{$user.address}></span>
                    </li>
                    <li>
                        <span>居住时间</span>
                        <span class="content_span"><{$user.residence_time}></span>
                    </li>
                    <li>
                        <span>婚姻情况</span>
                        <span class="content_span"><{$user.ismarry}></span>
                    </li>
                    <li>
                        <span>学历</span>
                        <span class="content_span"><{$user.degree}></span>
                    </li>
                    <!--<li>-->
                        <!--<span>创建时间</span>-->
                        <!--<span class="content_span">2000-01-01 11:17</span>-->
                    <!--</li>-->
                    <li>
                        <span>等待天数</span>
                        <span class="content_span"><{$user.waitdays}>天</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clearfloat" style="padding-bottom: 30px">
            <div class="title_info">
                <span>认证信息</span>
            </div>
            <div class="white_bgColor notice_info">
                <ul class="info_ul">
                    <li>
                        <span>用户状态</span>
                        <span class="content_span"><{$user.cert_status}></span>
                    </li>
                    <li>
                        <span>当前审核状态</span>
                        <span class="content_span"><{$user.checkstatus}></span>
                    </li>
                    <li>
                        <span>审核类型</span>
                        <span class="content_span"><{$user.check_type}></span>
                    </li>
                    <li>
                        <span>运营商认证</span>
                        <span class="content_span"><{$user.mobile_verify}></span>
                    </li>
                    <li>
                        <span>芝麻认证</span>
                        <span class="content_span"><{$user.zhima_verify}></span>
                    </li>
                    <li>
                        <span>支付宝认证</span>
                        <span class="content_span"><{$user.alipay_verify}></span>
                    </li>
                    <li class="li_btn">
                        <div class="btn_div clearfloat">
                            <input class="common_btn" type="button" onclick="show_work()"
                                   data-target=".bs-example-modal-sm2" value="工作认证"/>
                        </div>
                        <div class="modal fade bs-example-modal-sm2" style="background: none" tabindex="-1" id="work_cert"
                             role="dialog" aria-labelledby="mySmallModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <ul class="modal_ul">
                                        <li class="li_btn2">
                                            <div>工作照片</div>
                                            <div class="row pic_row" style="display: inline-block">
                                                <div class="example col-xs-1 col-md-1">
                                                    <p><img src="<{$work.img_one}>" class="img-rounded"/></p>
                                                </div>
                                            </div>
                                                <div class="row pic_row" style="display: inline-block">
                                                    <div class="example col-xs-1 col-md-1">
                                                        <p><img src="<{$work.img_two}>" class="img-rounded"/></p>
                                                    </div>
                                                </div>
                                                <div class="row pic_row" style="display: inline-block">
                                                    <div class="example col-xs-1 col-md-1">
                                                        <p><img src="<{$work.img_thr}>" class="img-rounded"/></p>
                                                    </div>
                                                </div>


                                        </li>
                                        <li>
                                            <div>工作电话</div>
                                            <input type="text" value="<{$work.work_mobile}>" readonly="readonly"/>
                                        </li>
                                        <li>
                                            <div>工作地址</div>
                                            <input type="text" value="<{$work.work_address}>" readonly="readonly"/>
                                        </li>
                                        <li>
                                            <div>工作职位</div>
                                            <input type="text" value="<{$work.work_position}>" readonly="readonly"/>
                                        </li>
                                        <li>
                                            <div>公司名称</div>
                                            <input type="text" value="<{$work.work_company}>" readonly="readonly"/>
                                        </li>
                                        <li>
                                            <div>月收入</div>
                                            <input type="text" value="<{$work.monthly_income}>" readonly="readonly"/>
                                        </li>
                                    </ul>
                                    <!--<input type="button" value="确定"/>-->
                                </div>
                            </div>
                        </div>
                        <span class="content_span"><a><{$user.work_verify}></a></span>
                    </li>
                    <li>
                        <span>信用卡认证</span>
                        <span class="content_span"><{$user.credit_verify}></span>
                    </li>
                    <li>
                        <span>京东认证</span>
                        <span class="content_span"><{$user.jd_verify}></span>
                    </li>
                    <li>
                        <span>淘宝认证</span>
                        <span class="content_span"><{$user.taobao_verify}></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="/Public/js/jquery-3.2.1.js"></script>
<script src="/Public/js/bootstrap.min.js"></script>
<script src="/Public/js/zoomify.min.js"></script>
<script>
    $('.example img').zoomify();
    var vid="<{$vid}>";
    function show_work() {

        $.post("<{$SERVER_NAME}>/UserCenter/work_cert",{vid:vid},function (data) {
            if(data.code=='1001'){



            }else {

            }

        });

        $('#work_cert').modal('show');//隐藏模态框
    }
</script>
</body>
</html>